<template>
  <el-tree
    lazy
    :load="loadNode"
    :props="prop"
    node-key="id"
    auto-expand-parent
    :default-expanded-keys="nodeKeys"
    @node-click="handleNodeClick"
  />
</template>
<script lang="ts" setup>
import { use } from "./use";
import { zkxmTreeEmits, zkxmTreeProps } from "./prop";
defineOptions({
  name: "lis-zkxm-tree",
});
const props = defineProps(zkxmTreeProps);
const emit = defineEmits(zkxmTreeEmits);
const { loadNode, prop, handleNodeClick, nodeKeys } = use(props, emit);
</script>
<style lang="scss">
.lis-zkxm-tree {
  width: 100%;
  .el-form-item {
    width: 33.33%;
  }
}
</style>
